import { message } from 'antd'
import axios from 'axios'
import { getToken, hasToken } from './storage'
import { history } from '@/App'
import store from '@/store'
import { logout } from '@/store/actions/login'
export const BASEURL = 'http://geek.itheima.net/v1_0/'
// 1. 创建axios的实例(基地址)
// 2. 请求拦截器（加请求头补充token）
// 3. 响应拦截器 处理返回异常，数据脱壳
const instance = axios.create({
  baseURL: BASEURL,
  timeout: 5000
})

// 请求拦截器 （加请求头 补充token）
instance.interceptors.request.use(
  function (config) {
    console.log('所有的请求', config)

    // if（有无token）{
    //    补充请求头
    // }
    if (hasToken()) {
      config.headers.Authorization = 'Bearer ' + getToken()
    }
    return config
  },
  function (error) {
    return Promise.reject(error)
  }
)

// 响应拦截器  处理返回异常 数据脱壳
instance.interceptors.response.use(
  function (response) {
    return response.data
  },
  function (error) {
    console.log(error)
    console.dir(error)
    // 如果没有网络，
    if (!error.response) {
      message.error('网络异常')
    } else if (error.response.status === 401) {
      message.error('身份过期，请重新登录')
      // 1.清空token信息
      store.dispatch(logout())
      // 2. 路由跳转 -> login页面
      // window.location.href = '/#/login'
      history.push('/login')
    }
    return Promise.reject(error)
  }
)

export default instance
